*{
    list-style: none;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
}
body{
    background: url(../img/wallhaven-g7pyl3.jpg);
    /* 处理不同分辨率的背景图，使它铺满整个页面背景 */
    background-size: 100%;
}
 #cover{
    background: rgba(128, 138, 135, 0.5);
    width: 100%;;
    height: 100%;
    /* 绝对定位（超有用） */
    position:absolute;
} 
/*
    圆角边框（border-radius）的基本用法:
    圆角边框的最基本用法就是设置四个相同弧度的圆角
    boder-top-left-radius：30px；      //左上角
    boder-top-right-radius：30px；   //右上角
    boder-bottom-left-radius：30px；  //右下角
    boder-bottom-right-radius：30px； //左下角
    如果这四个弧度的圆角相同，可以写成：
    border-radius：30px； 
*/

#header{
    border-radius:30px;
}

#rowes{
    border-radius:30px;
}

#useress{
    color: white;
    font-size: 20px;
    margin-right: 400px;
    font-family: youyuan;
}

#sayes{
    background-color: white;
    margin-right: 400px;
    font-family: youyuan;
    width: 100px;
    height: 30px;
    border-radius:30px;
}

#coout{
    float: left;    
    background-color: white;
    margin-right: 400px;
    font-family: youyuan;
    width: 100px;
    height: 30px;
    border-radius:30px;
}

#msgs{
    background-color: white;
    font-family: youyuan;
    border-radius:10px;
    margin-left: 100px;
    color: salmon;
    font-size: 18px;
}



#cardess{
    background-color: rgba(192, 192, 192, 0.4);
    width: 1300px;
    color: tomato;
    font-size: 25px;
    font-family: youyuan;
}

#cardes{
    background-color: rgba(192, 192, 192, 0.4);
}
